<template>
    动态绑定多个值
    <div v-bind="objectOfAttrs">
        123
    </div>

    使用JavaScript表达式 <br>

    {{ number + 1 }} <br>
    {{ ok ? 'YES' : 'NO' }} <br>

    调用函数<br>
    <time :title="toTitleDate(date)" datetime="date">
        {{ formatDate(date) }}
    </time>

</template>

<script setup lang='ts'>
const objectOfAttrs = {
    id: 'container',
    class: 'wrapper',
    style: 'background-color:green'
}
const date = Date()
const number = 1
const ok = false
function toTitleDate(date: string): string {
    return date
}
function formatDate(date: string): string {
    return date
}

</script>

<style></style>